<template>
  <div class="p-2">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="前台菜单" name="pcMenu">
      </el-tab-pane>
      <el-tab-pane label="后台菜单" name="backendMenu">
      </el-tab-pane>
      
      <div v-if="activeName == 'backendMenu'">
        <BackendMenu></BackendMenu>
      </div>
      <div v-if="activeName == 'pcMenu'">
        <PcMenu></PcMenu>
      </div>
    </el-tabs>


  </div>
</template>

<script setup name="Menu" lang="ts">
import BackendMenu from './backendMenu.vue';
import PcMenu from './pcMenu';

const activeName = ref('pcMenu');
const handleClick = () => {

}
</script>
